﻿<!DOCTYPE html>
<html>
  <head>
    <title>图标工具栏 Icon Bars</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/图标工具栏_icon_bars/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/图标工具栏_icon_bars/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u11920" class="ax_default" data-label="背景">
        <div id="u11920_state0" class="panel_state" data-label="State1" style="">
          <div id="u11920_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u11921" class="ax_default" data-label="线条">
        <div id="u11921_state0" class="panel_state" data-label="State1" style="">
          <div id="u11921_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11922" class="ax_default _默认样式">
        <div id="u11922_div" class=""></div>
        <div id="u11922_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11923" class="ax_default _默认样式">
        <div id="u11923_div" class=""></div>
        <div id="u11923_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u11925" class="ax_default _默认样式">
        <img id="u11925_img" class="img " src="images/___icons/u605.png"/>
        <div id="u11925_text" class="text ">
          <p><span>Copyright © </span><a id="u11926" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11927" class="ax_default _默认样式">
        <div id="u11927_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11928" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="91">

        <!-- Unnamed (Rectangle) -->
        <div id="u11929" class="ax_default _默认样式">
          <div id="u11929_div" class=""></div>
          <div id="u11929_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">下面为几组常用的图标工具栏，方便快速复用，可根据需要调整元件的风格及内容。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11930" class="ax_default _默认样式">
          <div id="u11930_div" class=""></div>
          <div id="u11930_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11931" class="ax_default" data-left="315" data-top="344" data-width="510" data-height="60">

        <!-- Unnamed (Rectangle) -->
        <div id="u11932" class="ax_default _默认样式">
          <div id="u11932_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11933" class="ax_default _默认样式">
          <div id="u11933_div" class=""></div>
          <div id="u11933_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">点赞</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11934" class="ax_default _默认样式">
          <div id="u11934_div" class=""></div>
          <div id="u11934_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">喜欢</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11935" class="ax_default _默认样式">
          <div id="u11935_div" class=""></div>
          <div id="u11935_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">评论</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11936" class="ax_default _默认样式">
          <div id="u11936_div" class=""></div>
          <div id="u11936_text" class="text ">
            <p style="font-size:22px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11937" class="ax_default _默认样式">
          <div id="u11937_div" class=""></div>
          <div id="u11937_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">QQ</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11938" class="ax_default _默认样式">
          <div id="u11938_div" class=""></div>
          <div id="u11938_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">微信</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11939" class="ax_default _默认样式">
          <div id="u11939_div" class=""></div>
          <div id="u11939_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">微博</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11940" class="ax_default _默认样式">
          <div id="u11940_div" class=""></div>
          <div id="u11940_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">收藏</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11941" class="ax_default" data-left="315" data-top="514" data-width="510" data-height="60">

        <!-- Unnamed (Rectangle) -->
        <div id="u11942" class="ax_default _默认样式">
          <div id="u11942_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11943" class="ax_default _默认样式">
          <div id="u11943_div" class=""></div>
          <div id="u11943_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">点赞</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11944" class="ax_default _默认样式">
          <div id="u11944_div" class=""></div>
          <div id="u11944_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">喜欢</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11945" class="ax_default _默认样式">
          <div id="u11945_div" class=""></div>
          <div id="u11945_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">评论</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11946" class="ax_default _默认样式">
          <div id="u11946_div" class=""></div>
          <div id="u11946_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11947" class="ax_default _默认样式">
          <div id="u11947_div" class=""></div>
          <div id="u11947_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">QQ</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11948" class="ax_default _默认样式">
          <div id="u11948_div" class=""></div>
          <div id="u11948_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">微信</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11949" class="ax_default _默认样式">
          <div id="u11949_div" class=""></div>
          <div id="u11949_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">微博</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11950" class="ax_default _默认样式">
          <div id="u11950_div" class=""></div>
          <div id="u11950_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">收藏</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11951" class="ax_default" data-left="315" data-top="414" data-width="510" data-height="60">

        <!-- Unnamed (Rectangle) -->
        <div id="u11952" class="ax_default _默认样式">
          <div id="u11952_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11953" class="ax_default _默认样式">
          <div id="u11953_div" class=""></div>
          <div id="u11953_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11954" class="ax_default _默认样式">
          <div id="u11954_div" class=""></div>
          <div id="u11954_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11955" class="ax_default _默认样式">
          <div id="u11955_div" class=""></div>
          <div id="u11955_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11956" class="ax_default _默认样式">
          <div id="u11956_div" class=""></div>
          <div id="u11956_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11957" class="ax_default _默认样式">
          <div id="u11957_div" class=""></div>
          <div id="u11957_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11958" class="ax_default _默认样式">
          <div id="u11958_div" class=""></div>
          <div id="u11958_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11959" class="ax_default _默认样式">
          <div id="u11959_div" class=""></div>
          <div id="u11959_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11960" class="ax_default _默认样式">
          <div id="u11960_div" class=""></div>
          <div id="u11960_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11961" class="ax_default" data-left="315" data-top="594" data-width="510" data-height="60">

        <!-- Unnamed (Rectangle) -->
        <div id="u11962" class="ax_default _默认样式">
          <div id="u11962_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11963" class="ax_default _默认样式">
          <div id="u11963_div" class=""></div>
          <div id="u11963_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11964" class="ax_default _默认样式">
          <div id="u11964_div" class=""></div>
          <div id="u11964_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11965" class="ax_default _默认样式">
          <div id="u11965_div" class=""></div>
          <div id="u11965_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11966" class="ax_default _默认样式">
          <div id="u11966_div" class=""></div>
          <div id="u11966_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11967" class="ax_default _默认样式">
          <div id="u11967_div" class=""></div>
          <div id="u11967_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11968" class="ax_default _默认样式">
          <div id="u11968_div" class=""></div>
          <div id="u11968_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11969" class="ax_default _默认样式">
          <div id="u11969_div" class=""></div>
          <div id="u11969_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11970" class="ax_default _默认样式">
          <div id="u11970_div" class=""></div>
          <div id="u11970_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
